<template>
	<view class="weather">
		<navBar :title="title" left-icon="back" :isBackGround="false" @onLeftIcon="onLeftIcon"></navBar>
		<view class="uni-cardList">
			<uni-card margin="0" title="基础信息">
				<view class="content">
					<view class="content_list">
						<view>SN号:</view>
						<view class="content_item">{{basicInfo.inverterSn||"--"}}</view>
					</view>
		
					<view class="content_list">
						<view>产品型号:</view>
						<view class="content_item">{{basicInfo.equipmentTypeCode||"--"}}</view>
					</view>
		
					<view class="content_list">
						<view>逆变器单/三相类型:</view>
						<view class="content_item">{{basicInfo.outType||"--"}}</view>
					</view>
		
					<view class="content_list">
						<view>安规国家:</view>
						<view class="content_item">--</view>
					</view>
		
					<view class="content_list">
						<view>功率曲线版本:</view>
						<view class="content_item">--</view>
					</view>
					<view class="content_list">
						<view>额定功率:</view>
						<view class="content_item">{{basicInfo.ratePower||"--"}}</view>
					</view>
				</view>
			</uni-card>
		</view>
	</view>
</template>

<script>
	import navBar from '@/components/navbar/index.vue'
	export default {
		components:{
			navBar,
		},
		  data() {
		    return {
				did:'',
				title:"",
				weatherInfo:{}
		    };
		  },
		methods: {
			onLeftIcon(){
				uni.navigateBack()
			}
		},
		onLoad(params) {
			this.did = params.did || ""
			this.title = (params.title + params.sn) || ""
		}
	}
</script>

<style scoped lang="scss">
	.weather{
		.uni-cardList {
				margin-top: 8rpx;
				.content {
					display: flex;
					flex-wrap: wrap;
				
					.content_list {
						width: 50%;
						font-size: 24rpx;
						padding: 8rpx 0;
				
						.content_item {
							color: #333;
						}
					}
				}
			}
	}
</style>

